<div id="ajoutervol">
	<div class = "row">
		<form class="col-md-12 form-horizontal" name="AjoutVolForm" novalidate="" ng-submit="ajoutvol()">
			
			<div class="row">
				<div class="col-md-6">
					<div class="form-group" ng-class="{ 'has-warning': (AjoutVolForm.name.$error.required)}">
						<label class="col-sm-4 control-label" for="IName">Nom du vol</label>
						<div class="col-sm-8">
							<input name="name" autofocus type="text" ng-model=IName class="form-control" id="IName" placeholder="Entrez le nom du vol" required="" >
							<span class="text-warning" ng-show="AjoutVolForm.name.$dirty && AjoutVolForm.name.$error.required">Champs obligatoire</span>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="panel panel-default">
						<div class="panel-heading"><h4 class="panel-title">Départ</h4></div>
						<div class="panel-body">
							<div class="form-group" ng-class="{ 'has-warning': (AjoutVolForm.vdep.$error.required)}">
								<label class="col-sm-4 control-label" for="IVilleDep">Ville de d&eacutepart </label>
								<div class="col-sm-8">
									<input name="vdep" type="text" ng-model=IVilleDep class="form-control" id="IVilleDep" placeholder="Entrez la ville de depart" required="">
									<span class="text-warning" ng-show="AjoutVolForm.vdep.$dirty && AjoutVolForm.vdep.$error.required">Champs obligatoire</span>
								</div>
							</div>
							
							<div class="form-group" ng-class="{ 'has-warning': (AjoutVolForm.datedep.$error.required)}">
								<label class="col-sm-4 control-label" for="IDateDep">Date de d&eacutepart</label>
								<div class="col-sm-8">
									<div class="input-group">
										<input name="datedep" type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dtdep" id="IDateDep" is-open="opened1"  
										datepicker-options="dateOptions" ng-required="true" close-text="Fermer" show-button-bar="false" clear-text="true"/>
										<span class="input-group-btn">
											<button type="button" class="btn btn-default" ng-click="open($event,'opened1')"><i class="glyphicon glyphicon-calendar"></i></button>
										</span>
									</div>
								</div>
							</div>
							
							<div class="form-group" ng-class="{ 'has-warning': (AjoutVolForm.timedep.$error.required)}">
								<label class="col-sm-4 control-label" for="IHeureDep">Heure de d&eacutepart</label>
								<div class="col-sm-8 timepicker">
									<timepicker name="timedep" ng-model="IHeureDep" id="IHeureDep" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></timepicker>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="col-md-6">
					<div class="panel panel-default">
						<div class="panel-heading"><h4 class="panel-title">Arrivée</h4></div>
						<div class="panel-body">
							<div class="form-group" ng-class="{ 'has-warning': (AjoutVolForm.vdest.$error.required)}">
								<label class="col-sm-4 control-label" for="IVilleDest">Ville d'arriv&eacutee</label>
								<div class="col-sm-8">
									<input name="vdest" type="text" ng-model=IVilleDest class="form-control" id="IVilleDest" placeholder="Entrez la ville de destination" required="">
									<span class="text-warning" ng-show="AjoutVolForm.vdest.$dirty && AjoutVolForm.vdest.$error.required">Champs obligatoire</span>
								</div>
							</div>
							
							<div class="form-group" ng-class="{ 'has-warning': (AjoutVolForm.datearr.$error.required)}">
								<label class="col-sm-4 control-label" for="IDateArr">Date d'arriv&eacutee</label>
								<div class="col-sm-8">
									<div class="input-group">
										<input name="datearr" type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dtarr" id="IDateArr" is-open="opened2" 
										datepicker-options="dateOptions" min-date="minDate" ng-required="true" close-text="Fermer" show-button-bar="false" clear-text="true"/>
										<span class="input-group-btn">
											<button type="button" class="btn btn-default" ng-click="open($event,'opened2')"><i class="glyphicon glyphicon-calendar"></i></button>
										</span>
									</div>
								</div>
							</div>
							
							<div class="form-group">
								<label class="col-sm-4 control-label" for="IHeureArr">Heure d'arriv&eacutee</label>
								<div class="col-sm-8 timepicker">
									<timepicker name="timearr" ng-model="IHeureArr" id="IHeureArr" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></timepicker>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-sm-offset-3 col-sm-9">
				<button type="submit" ng-disabled="AjoutVolForm.$invalid" class="btn btn-primary">Valider</button>
			</div>
		</form>
	</div>
</div>